<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原生Ajax</title>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="getData()">修改内容</button>

<script>
    function getData(){
        //1.创建对象
        var xhr=new XMLHttpRequest();
        //2.连接服务器（请求方式，请求地址，同异步）
        xhr.open('get','abc.txt',true);
        //3.发送数据
        xhr.send();  //如果读取的是本地文件，可以设置为空
        //4.事件监听，接收返回的数据，改变页面
        xhr.onreadystatechange=function (){
            //同时满步骤4且状态码为200时
            if (xhr.readyState==4 && xhr.status==200)
            {
                document.getElementById("myDiv").innerHTML=xhr.responseText;
            }
        }
    }
</script>

</body>
</html>